<!doctype html>
<html lang="en">
    <head>
        <!-- I essentially copying this page: https://www.11capitalfinance.com/kemper -->
        <!-- This bootstrap page is helpful in constructing forms
             https://getbootstrap.com/docs/4.3/components/forms/#form-row -->
        <!-- Required meta tags -->
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

        <!-- Bootstrap CSS -->
        <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">

        <title>My IFT</title>
    </head>
    <body>
        <div class="container">
            <h1>Loan Form</h1>
            <form class="needs-validation" novalidate>
                <div class="form-group row">
                    <label class="col-md-2" for="first-name">Your First Name:</label>
                    <div class="col-md-6">
                        <input id="first-name" class="form-control" placeholder="John"
                               name="" required type="text" value=""/>
                        <div class="valid-feedback">
                            Looks good!
                        </div>
                    </div>
                </div>
                <div class="form-group row">
                    <label class="col-md-2" for="last-name">Your Last Name:</label>
                    <div class="col-md-6">
                        <input id="last-name" class="form-control" placeholder="Smith"
                               name="" required type="text" value=""/>
                        <div class="valid-feedback">
                            Looks good!
                        </div>
                    </div>
                </div>

                <div class="form-group row">
                    <label class="col-md-2" for="number">Your Number:</label>
                    <div class="col-md-6">
                        <input id="number" class="form-control" placeholder="765 384 2039"
                               name="" required  value=""/>
                        <div class="valid-feedback">Looks good!</div>
                    </div>
                </div>

                <div class="form-group row">
                    <label class="col-md-2"  for="email">Your Email:</label>
                    <div class="col-md-6">
                        <input id="email" class="form-control" placeholder="thisemail@gmail.com"
                               name="" required type="email"  value=""/>
                        <div class="valid-feedback">Looks good!</div>
                    </div>
                </div>
                <div class="form-group row">
                    <label class="col-md-2" for="inputAddress">Address</label>
                    <div class="col-md-6">
                        <input type="text" class="form-control" id="inputAddress" placeholder="1234 Main St">
                        <div class="valid-feedback">Looks good!</div>
                    </div>
                </div>
                <div class="form-group row">
                    <label class="col-md-2" for="inputAddress2">Address Line 2</label>
                    <div class="col-md-6">
                        <input type="text" class="form-control" id="inputAddress2" placeholder="Apartment, studio, or floor">
                        <div class="valid-feedback">Looks good!</div>
                    </div>
                </div>
                <div class="form-row">
                    <div class="form-group col-md-3">
                        <label for="inputCity">City</label>
                        <input type="text" class="form-control" id="inputCity">
                    </div>
                    <div class="form-group col-md-3">
                        <label for="inputState">State</label>
                        <select id="inputState" class="form-control">
                            <option selected>Choose...</option>
                            <option>...</option>
                        </select>
                    </div>
                    <div class="form-group col-md-2">
                        <label for="inputZip">Zip</label>
                        <input type="text" class="form-control" id="inputZip">
                    </div>
                </div>
                <div class="form-row">
                    <div class="form-group col-md-2">
                        <label for="">Are you a U.S. citizen?</label>
                        <select class="custom-select" id="" name="">
                            <option value="">Choose...</option>
                            <option value="no">No</option>
                            <option value="yes">Yes</option>
                        </select>
                    </div>
                    <div class="form-group col-md-3">
                        <label for="loan-type" required>Loan Type</label>
                        <select id="loan-type" class="custom-select">
                            <option value="">Choose...</option>
                            <option value="purchase">Purchase</option>
                            <option value="refinance">Refinance</option>
                            <option value="wholesale">wholesale</option>
                        </select>
                    </div>
                    <div class="form-group col-md-3">
                        <label for="sub-loan-type" required>Sub Loan Type</label>
                        <select id="loan-type" class="custom-select">
                            <option value="">Choose...</option>
                            <option value="permanent-finance">Permanent Finance</option>
                            <option value="bridge-loan">Bridge Loan</option>
                            <option value="rehab-loan">Rehab Loan</option>
                            <option value="ground-up-construction">Ground Up Construction</option>
                        </select>
                    </div>
                </div>


                <div class="form-group row">
                    <label class="col-md-2" for="first-name">Co-Borrowers <br> (if applicable)</label>
                    <div class="col-md-6">
                        <input id="first-name" class="form-control" placeholder="Jane Doe"
                               name="" required type="text" value=""/>
                        <div class="valid-feedback">
                            Looks good!
                        </div>
                    </div>
                </div>

                <div class="form-row">
                    <div class="form-group col-md-8">
                        <label for="">
                            Borrowers Fico Score? (Please list all borrowers scores)
                        </label>
                        <input class="form-control" name="fico" type="text" value=""/>
                    </div>
                </div>


                <div class="form-row">
                    <div class="form-group col-md-8">
                        <label for="">
                            Company name the borrower is closing in? (must close in a corporate entity)
                        </label>
                        <input class="form-control" name="fico" type="text" value=""/>
                    </div>
                </div>


                <div class="form-row">
                    <div class="form-group col-md-8">
                        <label for="">
                            Who makes up the entity and what are their percentages of ownership?
                        </label>
                        <input class="form-control" name="fico" type="text" value=""/>
                    </div>
                </div>

                <div class="form-row">
                    <div class="form-group col-md-5">
                        <label for="">
                            Do you own any other investment properties?
                        </label>
                        <select class="custom-select" id="" name="">
                            <option value="">Choose...</option>
                            <option value="">No</option>
                            <option value="">Yes</option>
                        </select>
                    </div>
                    <div class="form-group col-md-3">
                        <label for="">
                            If yes, how many?
                        </label>
                        <input class="form-control" name="fico" type="text" value=""/>
                    </div>
                </div>

                <div class="form-row">
                    <div class="form-group col-md-8">
                        <label for="">
                            Does the borrower have any Tax liens, judgments, past bankruptcies, past chapter filings, past foreclosures, recent or pending lawsuits against them?
                        </label>
                        <input class="form-control" name="" type="text" value=""/>
                    </div>

                </div>

                <div class="form-row">
                    <div class="form-group col-md-8">
                        <label for="">
                            If YES please explain and list date(s):
                        </label>
                        <textarea class="form-control"></textarea>
                    </div>
                </div>

                <div class="form-row">
                    <div class="form-group col-md-4">
                        <label for="">
                            Do you rent or own? <br/>
                            <br/>
                        </label>
                        <select class="custom-select" id="" name="">
                            <option value="">Choose...</option>
                            <option value="">Rent</option>
                            <option value="">Own</option>
                        </select>
                    </div>
                    <div class="form-group col-md-4">
                        <label for="">What is your current monthly mortgage/rent payment in USD?</label>
                        <input class="form-control" name="" type="number" value=""/>
                    </div>
                </div>

                <div class="form-row">
                    <div class="form-group col-md-4">
                        <label for="">
                            Have you ever had any late payments? <br/>
                            <br/>
                        </label>
                        <select class="custom-select" id="" name="">
                            <option value="">Choose...</option>
                            <option value="">No</option>
                            <option value="">Yes</option>
                        </select>
                    </div>
                    <div class="form-group col-md-4">
                        <label for="">If yes, when? <br/>
                            <br/>
                        </label>
                        <input class="form-control" name="" type="number" value=""/>
                    </div>
                </div>


                <div class="form-row">
                    <div class="form-group col-md-4">
                        <label for="">
                            Are you already working with another broker or lender?
                        </label>
                        <select class="custom-select" id="" name="">
                            <option value="">Choose...</option>
                            <option value="">No</option>
                            <option value="">Yes</option>
                        </select>
                    </div>
                    <div class="form-group col-md-4">
                        <label for="">If yes, who? <br/>
                            <br/>
                        </label>
                        <input class="form-control" name="" type="text" value=""/>
                    </div>
                </div>


                <div class="form-row">
                    <div class="form-group col-md-4">
                        <label for="">
                            Is the borrower or any members a part of the borrowing entity related by blood or marriage to the seller in any way?
                        </label>
                        <select class="custom-select" id="" name="">
                            <option value="">Choose...</option>
                            <option value="">No</option>
                            <option value="">Yes</option>
                        </select>
                    </div>
                    <div class="form-group col-md-4">
                        <label for="">
                            If yes please explain in detail how the borrower and seller are related.
                        </label>
                        <textarea class="form-control" id="" name=""></textarea>
                    </div>
                </div>

                <div class="form-row">
                    <div class="form-group col-md-8">
                        <label for="">
                            What rates and terms is the borrower expecting?
                        </label>
                        <textarea class="form-control" id="" name=""></textarea>
                    </div>
                </div>
                <div class="form-group row">
                    <button class="col-md-2 btn btn-primary" name="submit" type="submit" value="">Submit</button>
                </div>
            </form>
        </div>
    </body>
</html>
